<template>
  <div class="iframe_box">
    <div class="iframe_logding" v-if="iframeData">
      <joys-loading></joys-loading>
    </div>
    <iframe class="iframe" frameborder="0" :src="iframeSite"></iframe>
  </div>
</template>

<script>
import JoysLoading from "@/components/JoysLoading/JoysLoading";
export default {
  name: "IframeIndex",
  components: {
    JoysLoading
  },
  data() {
    return {
      iframeSite: this.$baseUrl + this.$route.query.site,
      iframeData: true
    };
  },
  created() {},
  mounted() {
    setTimeout(() => {
      this.iframeData = false;
    }, 2000);
    console.log(this.$route.query.site, "地址");
  },
  methods: {}
};
</script>

<style lang="less" scoped>
.iframe_box {
  width: 100%;
  height: 100%;
  z-index: 300;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  .iframe_logding {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 45%;
    background: #fff;
    overflow: hidden;
  }
  .iframe {
    width: 100%;
    height: 100%;
  }
}
</style>
